<template>
	<view class="">
		<view class="page u-radius-5 u-p-12 u-font-32">
			<!-- <view class="flex" style="align-items: center;">
				<image src="../../static/zxcimg/dy.png" class="w36 h36 u-m-r-12" mode=""></image>
				<text>西奥MOD3楼展厅1栋1单元</text>
			</view> -->
			
			<view class="flex" style="flex-wrap: wrap;">
				<view class="itemblock flex-center" @click="todetail(index)" v-for=" (i,index) in gnlist">
					<image :src="i.img" class="w142 h142 u-m-tb-34" mode=""></image>
					<text>{{i.name}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				gnlist:[
					{name:'一键开门',img:'../../static/zxcimg/yjkm.png'},
					{name:'用户管理',img:'../../static/zxcimg/yhgl.png'},
					{name:'开门密码',img:'../../static/zxcimg/kmmm.png'},
					{name:'二维码开门',img:'../../static/zxcimg/kmmms.png'},
					{name:'人脸管理',img:'../../static/zxcimg/rlgl.png'},
					
					{name:'监控',img:'../../static/zxcimg/jk.png'},
					
				]
			};
		},
		methods:{
			todetail(index){
				if(index==0){
					uni.navigateTo({
						url:'/pages/Remoting/Remoting'
					})
				}else if(index==1){
					uni.navigateTo({
						url:'/pages/usermanager/usermanager'
					})
				}else if(index==2){
					uni.navigateTo({
						url:'/pages/Lockcode/Lockcode'
					})
				}else if(index==3){
					uni.navigateTo({
						url:'/pages/erLockcode/erLockcode'
					})
				}
				else if(index==4){
					uni.navigateTo({
						url:'/pages/facemanager/facemanager'
					})
				}else{
					uni.navigateTo({
						url:'/pages/snpage/snpage'
					})
				}
			},
		}
	}
</script>

<style lang="scss">
	.page {
		width: 710rpx;
		margin: 0 auto;
		background: linear-gradient(180deg, #EBFBFF 0%, #BDECF9 98%);
		min-height: calc(100vh - var(--window-top) - var(--window-bottom));
		box-sizing: border-box;
		.itemblock{
			flex-direction: column;
			border-radius: 10px;
			background: linear-gradient(135deg, #F1FDE4 0%, #23C9FF 100%);
			width: 46%;
			margin: 20rpx 10rpx;
			padding-bottom: 20rpx;
		}
	}
</style>